<section id="content" class="m-l-xs m-r-xs ">
<!-- ads -->
<?php include_once(TEMPLATE_PATH.'includes/ads_slideshow.php'); ?>
<!-- end ads -->

<!-- container-->
<div class="container">
<!-- ! row  -->
<div class="row m-n">

<!-- Content -->
<div class="col-sm-9 bg-white m-n">
  <h2><strong><?php echo $row[field('title')]; ?></strong></h2>
  <img src="<?php echo base_url(UPLOAD_PATH . ($row[field('image')] ? 'ads/250x250/' . $row[field('image')] : IMAGE_DEFAULT)); ?>" alt="" class="img-responsive m-b" width="350px">
  <p><?php echo $row[field('description')]; ?></p>

  <!--Image Gallery-->
<div class="gallery gallery-widget" data-toggle="lightbox-gallery">
  <div class="row">
      <div class="col-xs-6 col-sm-3">
          <a href="img/placeholders/photos/photo21.jpg" class="gallery-link" title="Image Info">
              <img src="img/placeholders/photos/photo21.jpg" alt="image">
          </a>
      </div>
      <div class="col-xs-6 col-sm-3">
          <a href="img/placeholders/photos/photo22.jpg" class="gallery-link" title="Image Info">
              <img src="img/placeholders/photos/photo22.jpg" alt="image">
          </a>
      </div>
      <div class="col-xs-6 col-sm-3">
          <a href="img/placeholders/photos/photo18.jpg" class="gallery-link" title="Image Info">
              <img src="img/placeholders/photos/photo18.jpg" alt="image">
          </a>
      </div>
      <div class="col-xs-6 col-sm-3">
          <a href="img/placeholders/photos/photo14.jpg" class="gallery-link" title="Image Info">
              <img src="img/placeholders/photos/photo14.jpg" alt="image">
          </a>
      </div>
      <div class="col-xs-6 col-sm-3">
          <a href="img/placeholders/photos/photo5.jpg" class="gallery-link" title="Image Info">
              <img src="img/placeholders/photos/photo5.jpg" alt="image">
          </a>
      </div>
      <div class="col-xs-6 col-sm-3">
          <a href="img/placeholders/photos/photo24.jpg" class="gallery-link" title="Image Info">
              <img src="img/placeholders/photos/photo24.jpg" alt="image">
          </a>
      </div>
      <div class="col-xs-6 col-sm-3">
          <a href="img/placeholders/photos/photo16.jpg" class="gallery-link" title="Image Info">
              <img src="img/placeholders/photos/photo16.jpg" alt="image">
          </a>
      </div>
      <div class="col-xs-6 col-sm-3">
          <a href="img/placeholders/photos/photo20.jpg" class="gallery-link" title="Image Info">
              <img src="img/placeholders/photos/photo20.jpg" alt="image">
          </a>
      </div>
  </div>
</div>
  <!-- End Image Gallery -->

</div>
<!-- !Content -->

<!-- sidebar right -->
<div class="col-sm-3">
  <header class="panel-heading bg-info text-white"><strong>This item was featured</strong></header>
  <div class="line line-dashed"></div>
     <!--  section  vbox -->
  <section class="vbox">
  
  <!--  section  scrollable -->
  <section class="scrollable">
  <div class="wrapper">
  
  <!-- User photo -->
  <div class="clearfix m-b">
  <a href="#" class="pull-left thumb m-r">
  <img src="<?php echo base_url(UPLOAD_PATH . ($row[field('image')] ? 'users/75x75/' . $row[field('image')] : IMAGE_DEFAULT)); ?>" class="img-circle" width="50px" height="50px">
  </a>
  <div class="clear">
    <div class="h3 m-t-xs m-b-xs"><?php echo $row[field('user')]; ?></div>
    <small class="text-muted"><i class="fa fa-map-marker"></i> <?php echo $row[field('location')]; ?></small>
    </div>                
  </div>
    <!-- ! User photo -->
   <div class="btn-group m-b-none">
      <!-- .media-contact -->
   
    <div class="media media-contact">
      <span class="pull-left">
        <i class="fa fa-phone media-object"></i>
      </span>
      <div class="media-body">
       <address>
        <a href><?php echo $row[field('phone')]; ?></a>
      </address>
      </div><!-- /.media-body -->
    </div>
    <!-- !.media-contact -->
    
    <!-- .media-contact -->
    <div class="media media-contact m-t-none">
      <span class="pull-left">
        <i class="fa fa-envelope media-object"></i>
     </span>
    <div class="media-body">
      <address>
       <a href="mailto:<?php echo $row[field('email')]; ?>"><?php echo $row[field('email')]; ?></a>
        </address>
    </div><!-- /.media-body -->
    </div>
    <!-- !.media-contact -->
  </div>
<!-- ! User photo -->
<h5 class="m-t-none text-danger">Price: <?php echo $row[field('price')]; ?>$</h5>
  
</section>
<!--  !section  scrollable -->
</section>
<!--!section  vbox -->
</div>
<!-- !sidebar right -->
</div>
<!-- ! row  -->
</div>
<!-- !container-->

</section>
<!-- / content -->